._gray_color
    color: gray !important
._blue_color
    color: #5a80ed !important
._margin_left10
    margin-left: 10px !important
.red_point
    position relative
    &:after
        content: ''
        display: block
        overflow: hidden
        position: absolute
        top 2px
        right: 2px
        width: 8px
        height: 8px
        border-radius: 50%
        background-color: #f2363a
.rider_notify_box
    position: relative
    .rider_notify_count
        position: absolute
        right -5px
        top -5px
        background-color: #f2363a
        color: #fff
        border-radius: 50%
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
.rider_title_time
    color: #e6964a
    margin: 0 5px
.rider_order_money
    color: #f33842
    font-size: 18px
.u_node_name
    border-radius: 50%
    font-size: 12px
    width: 20px
    height: 20px
    line-height: 20px
    text-align: center
    color: #fff
    background-color: #a8a8a8
    &.u_node_name1
        background-color: #fd8a30
.u-time-axis
    padding-left: 40px !important
    &::before
        height: calc(50% + 16rpx) !important
        left: 19px !important
        top 20px !important
        border-left none !important
        background-color: #ddd
.u-time-axis-node
    top: 8rpx !important
.u-time-axis-item
    &:last-child
        margin-bottom: 0 !important
.u_node
    display: flex
    align-items: center
    justify-content: center
    flex-direction: column
    font-size: 12px
    color: #b6b6b6
.u-order-title
    font-size: 20px
    font-weight: bold
    color: #414141
.u-order-desc
    font-size: 14px
    color: #9d9d9d
    letter-spacing: 1px
    padding: 5px 0 
    box-sizing: border-box
.u-order-status
    display: flex
    flex-wrap: wrap
    align-items: center
    .status_box_item
        margin-bottom: 5px
        border: 1px solid #ccc
        padding: 0 8rpx
        border-radius: 2px
        margin-right: 15rpx
        &:last-child
            margin-right: 0
.user_remark
    background-color: #fffae7
    padding: 8px
    box-sizing: border-box
    border-radius: 4px
    font-size: 13px
    color: #292721
.row_item
    display: flex
    align-items: center
    margin-bottom: 15rpx !important
    &:last-child
        margin-bottom: 0 !important
    .row_item_title
        font-size: 14px
        color: #383838
        font-weight: bold
    .row_item_cont
        display: flex
        align-items: center
        color:#5d5d5d
        .copy_btn
            margin-left: 15rpx
            font-size: 12px
            padding: 1px 7px
            box-sizing: border-box
            border-radius: 3px
            border: 1px solid #5d5d5d
            &:active
                background-color: #e3e3e3
        .call_btn
            margin-left: 15rpx
            border: 1px solid #00ab5c
            background-color: #00ab5c
            color: #fff
            padding: 3px 7px
            border-radius: 3px
            .icon_phone
                margin-right: 3px
            &:active
                background-color: #038d4d
.goods-box 
    .goods-item 
        margin-bottom: 20rpx
        display flex
        flex-direction row
        .left 
            width 60px
            height 60px
            image 
                border-radius 4px
                overflow hidden
                width 100%
                height 100%
                background-color #f1f1f1
        .right 
            display flex
            flex-direction column
            justify-content space-between
            flex 1
            padding-left 14px
        .row1 
            display flex
            flex-direction row
            justify-content space-between
        .tit 
            font-size 14px
            color #333
            font-weight bold
            flex 1
            flex-wrap wrap
        .zk 
            padding 1px 3px
            font-size 10px
            margin-right 8px
            border-radius 4px
            background-color #f9221d
            color #fff
        .old-price 
            padding-left 12px
            font-size 14px
            color #888
            font-weight bold
            .lt 
                text-decoration line-through
            .fh 
                font-size 10px
        .price 
            font-size 16px
            padding-left 12px
            color #333
            font-weight bold
            .fh 
                font-size 10px
        .row3 
            font-size 10px
            color #888
.today_order_list
    .today_order_title
        display: flex
        justify-content: space-between
        margin: 25rpx 0
        .today_order_text
            font-size: 15px
            font-weight: bold
            display: flex
            align-items: center
        .today_get_money
            font-size: 18px
            color: #f00
            font-weight: bold
            display: flex
            align-items: flex-end
        .order_type_list
            display: flex
            margin-top: 30rpx
            padding-bottom: 20rpx
            border-bottom: 1px solid #f3f3f3
            .item_type
                font-size: 13px
                color: #b9b9b9
                padding:0 30rpx
                position: relative
                &:after
                    position: absolute
                    content: ''
                    display: block
                    width: 1px
                    height: 80%
                    right: 0
                    top 50%
                    background-color: #d7d7d7
                    transform: translateY(-50%)
                &.active
                    font-weight: bold
                    color #000
                &:nth-child(1)
                    padding-left: 0
                &:last-child
                    &:after
                        width 0
    .order_list_box
        display: flex
        flex-direction: column
        .item
            border 1px solid #f3f3f3
            display: flex
            width: 100%
            flex-direction: column
            padding: 20rpx
            box-sizing: border-box
            border-radius: 4px
            margin-bottom: 20rpx
            &:last-child
                margin-bottom: 0
            .it_title
                display: flex
                width: 100%
                justify-content: space-between;
                .success_time
                    font-size: 12px
                    color: #b9b9b9
                &.income
                    .income_type
                        background-color: #0eb100
                    .income_money
                        color:#0eb100
                .income_type
                    color: #fff
                    display: flex
                    padding: 0 20rpx
                    height: 25px
                    border-radius: 2px
                    font-size: 12px
                    justify-content: center
                    align-items: center
                .income_money
                    display: flex
                    align-items: center
                    .money_amount_text
                        font-weight: bold
                .gray_tips_text
                    font-size: 12px
                    color: gray
                    margin-left: 5px
            .it_cont
                margin-top: 20rpx
                display: flex
                .left_cont
                    flex: 1
                .right_cont
                    width: 20px
                    display: flex
                    align-items: center
                    justify-content: flex-end
                .left_cont_text
                    font-size: 13px
                    color: #393939
                    flex: 1
                .left_cont_bottom
                    margin-top: 5px
                .left_cont_icon
                    width: 20px
                    position: relative
                    &:after
                        content: ''
                        display: block
                        width: 8px
                        height: 8px
                        border-radius: 50%
                        background-color: #ff8422
                        position: absolute
                        top: 50%
                        left: 50%
                        transform: translate(-50%,-50%)
                    &.left_cont_icon2
                        &:after
                            background-color: #06c579
            .order_cont
                display: flex
                font-size: 13px
                color: #b9b9b9
                padding-left: 20px
                box-sizing: border-box
                margin-top: 20rpx
.order_statistics_cont,.rider_funds_details
    .uni-calendar-item--checked,.uni-datetime-picker--btn
        background-color: #f37000 !important
.rider_funds_details
    .u-index-bar__sidebar
        display: none !important
    .uni-calendar
        .dialog-close
            display: none !important
.rider_withdraw
    .uni-input-placeholder,.uni-easyinput__placeholder-class
        font-size: 15px !important
        font-weight: bold
    .uni-input-input,.uni-easyinput__content-input
        font-size: 18px !important
        font-weight: bold
        color: #fd8a30
.rider_bank_account,.rider_turn_order_popup
    .uni-popup__wrapper
        border-radius: 4px
        transform: translateY(-10vh);
.rider_turn_order_popup
    .uni-popup__wrapper
        transform: translateY(-5vh);
.open_contact_btn
    padding: 0
    margin: 0
    font-size: inherit;
    line-height: inherit;
    background: inherit;
    color: inherit;
    &.button-hover
        background: inherit
    &:after
        display: none
// 滑块按钮样式开始
.grab_order_class
    background-color: #fdcb2e !important
.have_picked_up_class
    background-color: #00ab5c !important
    color: #fff !important
    &:active
        background-color: #00934f !important
.complete_order_class
    background-color: #fe5706 !important
    color: #fff !important
    &:active
        background-color: #e55008 !important
// 滑块按钮样式结束
.scrollViewOrderList
    .rider_turn_order_content
        display: flex
        justify-content: center
        align-items: flex-start
        height: 100%
        .content_qr_box
            margin-top: 20%;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0px 0px 3px 1px #e9e9e9;
            .title
                font-size: 22px !important
